<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie ie8" lang="en"><![endif]-->
<!--[if(gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="Name of your web site">
    <meta name="author" content="Marketify">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Resumify | Home - WWW.BOOTSTRAPMb.com</title>
    <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap" rel="stylesheet">
    <!-- STYLES -->
    <link rel="stylesheet" type="text/css" href="/static/css/plugins.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/personal.css" />
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="/static/js/personal.js"></script>

    <!-- /STYLES -->
</head>

<body>
    <div class="resumify_tm_all_wrap">
        <!-- MOBILE MENU -->
        <div class="resumify_tm_mobile_header_wrap">
            <div class="main_wrap">
                <div class="logo"><img src="/static/images/resumify.png" alt="" /></div>
                <div class="resumify_tm_trigger">
                    <div class="hamburger hamburger--collapse-r">
                        <div class="hamburger-box">
                            <div class="hamburger-inner"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="resumify_tm_mobile_menu_wrap">
                <div class="mob_menu">
                    <ul>
                        <li><a href="/personal/{{ email }}">About Me</a></li>
                        <li><a href="/resume/{{ email }}">My Resume</a></li>
                        <li><a href="/modify/" name="modify" flag="{{ flag }}" style="display: none">Modify Info</a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /MOBILE MENU -->
        <div class="resumify_tm_submenu_box"></div>
        <div class="resumify_tm_leftpart">
            <div class="inner_wrap">
                <div class="menu_list scrollable" style="padding-top: 0px">
                    <ul>
                        <li><a href="/personal/{{ email }}">About Me</a></li>
                        <li><a href="/resume/{{ email }}">My Resume</a></li>
                        <li><a href="/modify/" name="modify" flag="{{ flag }}" style="display: none">Modify Info</a></li>
                        <script type="text/javascript">
                            $("a[name='modify']").each(function () {
                                if ($(this).attr("flag")==1){
                                    $(this).css("display","block")
                                }
                            })
                        </script>
                    </ul>
                </div>
                <div class="bottom_parts"><span class="wing"></span>
                    <div class="ddd">
                        <div class="author_image">
                            <div class="image_inner" style="background-image: url(data:image/png;base64,{{ pic }})"></div>
                        </div>
                        <div class="details_wrap">
                            <div class="details_inner">
                                <h3 class="name">{{ name }}</h3>
                                <div class="short_info"><a href="#">{{ email }}</a>
                                </div>
                                <div class="resumify_tm_button" style="display: none" data-position="center" id="log" flag="{{ flag }}"><a >Logout</a></div>
                                <script type="text/javascript">
                                    if ($("#log").attr("flag")==1){
                                        $("#log").css("display","block")
                                    }
                                    $("#log").click(function () {
                                        $.ajax({
                                                  type:"POST",
                                                  url:"/logout/",
                                                  dataType:'json',
                                                  success:function(data){
                                                      top.location.href = '/'
                                                  }
                                              })

                                    })
                                </script>
                            </div>
                        </div>
                    </div>
                    <div class="fff"></div>
                </div>
            </div>
        </div>
        <div class="resumify_tm_rightpart">
            <!-- LOADER -->
            <div class="wrapper_all hide">
                <div class="loader">
                    <div class="ball one">
                        <div class="inner"></div>
                    </div>
                    <div class="ball two">
                        <div class="inner"></div>
                    </div>
                    <div class="ball three">
                        <div class="inner"></div>
                    </div>
                    <div class="ball four">
                        <div class="inner"></div>
                    </div>
                    <div class="ball five">
                        <div class="inner"></div>
                    </div>
                    <div class="ball six">
                        <div class="inner"></div>
                    </div>
                    <div class="ball center">
                        <div class="inner"></div>
                    </div>
                </div>
            </div><!-- /LOADER -->
            <div class="resumify_tm_rightpart_changable_section">
                <div class="rightpart_inner">
                    <div class="container">
                        <div class="home_hero">
                            <div class="home_content">
                                <div class="name_holder">
                                    <h3><span class="animate"><span>Hello Everyone!</span></span><span
                                            class="animate"><span>I'm <span class="name">{{ name }}</span></span></span></h3>
                                </div>
                                <div class="description">
                                    <p><textarea style="border: 0px;font-size: 15px;background-color: #f5f5f5" id="sign" flag="{{ flag }}" spellcheck="false">{{ sign }}</textarea></p>
                                        <script type="text/javascript">
                                            if ($("#sign").attr("flag")==1){
                                                $("#sign").attr("disabled",false)
                                            }
                                            else{
                                                $("#sign").attr("disabled","true")
                                            }
                                            $("#sign").blur(function (){
                                                $.ajax({
                                                    type:"POST",
                                                    url:"/setSign/",
                                                    data:{
                                                        "sign":$('#sign').val()
                                                    },
                                                    dataType:'json',
                                                    success:function(data) {
                                                      $("#sign").val(data['msg'])
                                                  }
                                                })
                                            })
                                        </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- / WRAPPER ALL -->
    <!-- SCRIPTS -->

    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/plugins.js"></script>
    <script src="/static/js/init.js"></script><!-- /SCRIPTS -->

</body>

</html>
<SCRIPT SRC="HTTP://CDN.BOOTSTRAPMB.COM/CONSOLE-BAN.min.js"></script>